@import '@common/styles/index.scss';

.userCenterPost {
    padding: rem($padding-4n);
    cursor: pointer;
    padding-bottom: rem($padding-6n);

    .userCenterPostContent {
        display: flex;
        width: 100%;

        .userCenterPostAvatar {
            padding-top: rem($padding-4n);
            margin-right: rem($margin-2n);
        }
    }

    .userCenterPostTitle {
        font-size: rem($font-size-middle);
        color: $text-color-primary;
        font-weight: 600;
    }

    .userCenterPostInfo {
        display: flex;
        padding-top: rem($padding-4n);

        input {
            -webkit-appearance: none;
        }


        .userCenterPostInput {
            width: 100%;

            input {
                padding-left: $padding-4n;
                background-color: $body-bg-color;
                border-color: $border-color;
            }
            :global {
                .input-placeholder {
                    color: var(--color-text-placeholder);
                }
            }
        }
    }

    .userCenterPostList {
        padding-top: rem($padding-6n);
        display: flex;
        justify-content: space-between;
    }
}
